﻿{% extends "html/base.html" %}

{% block title %}PersonaCards - Criar cenário{% endblock %}

{% block head %}
	<link type="text/css" rel="stylesheet" href="/css/card.css" />
{% endblock %}


{% block body %}
	<h1>Criar cenário</h1>
	<h2 style="font-size:16px; padding:20px 4px 10px;">Selecionar persona</h2>	
	<div class="divSeparator" ></div>
			
		{% for persona in personas %}
			<a href="/cenario?vinc=1&pid={{persona.pid}}">
				<div class="inlineTable">
					<div class="cardborder blackborder">
						<div class="innercardborder">
							<div class="card Colourless part1">
								<span class="left_of_namebox"></span>
								<div class="pinline pinline_box namebox">
									<div class="cardtitlebar">
										<div class="cardname">
										  <span title="">{{persona.nome}}</span>
										</div>
										<div class="cardmanacost"></div>
										&nbsp;
									</div>
								</div>
								<div class="cardart_container">
									<div class="pinline pinline_sides">
										<div class="cardart image">
											<!-- Imagem da Persona -->
											{% if persona.pid %}
									        	<img src="img?id={{persona.pid}}&tipo=p">
									        {% endif %}	
										</div>
									</div>
								</div>
								<div class="pinline pinline_box typebox">
									<div class="cardtypebar">
										<div class="cardrarity mythic">
											&nbsp;P&nbsp;
										</div>
										<div class="cardtype">
											<span>Persona</span>
										</div>
									</div>
								</div>
								<div class="cardtext_container">
									<div class="pinline pinline_sidesbottom">
										<div class="cardtext">
											<div class="rulestext_wrapper">
												<div class="rulestext">{{persona.descricao}}</div>           
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</a>
		{% endfor %}
		<a href="/criarPersona?vincc=1">
			<div class="inlineTable">
				<div class="cardborder blackborder">
					<div class="innercardborder">
						<div class="card Colourless part1">
							<span class="left_of_namebox"></span>
							<div class="pinline pinline_box namebox">
								<div class="cardtitlebar">
									<div class="cardname">
							  			<span title="">Nova persona</span>
									</div>
									<div class="cardmanacost"></div>
									&nbsp;
								</div>
							</div>
							<div class="cardart_container">
								<div class="pinline pinline_sides">
									<div class="cardart image">
										<!-- Imagem da Persona -->
										<img src="/images/add-icon.png">
									</div>
								</div>
							</div>
							<div class="pinline pinline_box typebox">
								<div class="cardtypebar">
									<div class="cardrarity mythic">
										&nbsp;P&nbsp;
									</div>
									<div class="cardtype">
										<span>Persona</span>
									</div>
								</div>
							</div>
							<div class="cardtext_container">
								<div class="pinline pinline_sidesbottom">
									<div class="cardtext">
										<div class="rulestext_wrapper">
											<div class="rulestext">Adiconar nova persona...</div>           
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</a>
{% endblock %}
